// pages/feedback/feedback.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        index: 0,
        value: "体验问题",
        active: true
      },
      {
        index: 1,
        value: "商品、商家投诉",
        active: false
      }
    ],
    // 被选中的图片数组
    chooseImgsUrl: [],
    // 多行输入框值
    textInputValue: ""
  },
  // 存放外网图片
  upLoadImg: [],
  tabsIndex(e) {
    const { index } = e.detail
    let { tabs } = this.data
    tabs.forEach((v, i) => i === index ? v.active = true : v.active = false)
    this.setData({
      tabs
    })
  },
  // 点击+，上传图片
  handleUpimg() {
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (result) => {
        this.setData({
          chooseImgsUrl: [...this.data.chooseImgsUrl, ...result.tempFilePaths]
        })
        const { chooseImgsUrl } = this.data
      }
    })
  },
  // 删除图片
  handleRemoveImg(e) {
    const { index } = e.currentTarget.dataset
    let { chooseImgsUrl } = this.data
    chooseImgsUrl.splice(index, 1)
    this.setData({
      chooseImgsUrl
    })
  },
  // },监听多行文本框
  handleTextInput(e) {
    const { value } = e.detail
    this.setData({
      textInputValue: value
    })
  },
  handleUpInfo() {
    const { textInputValue, chooseImgsUrl } = this.data
    if (!textInputValue.trim()) {
      wx.showToast({
        title: '输入不合法',
        icon: 'none',
        mask: true,
      })
      return
    }
    wx.showLoading({
      title: '正在上传中',
      mask: true,
    })
    if (chooseImgsUrl.length !== 0) {
      // 将图片上传
      chooseImgsUrl.forEach((v, i) => {
        wx.uploadFile({
          url: 'http://img.coolcr.cn/index/api.html/',
          filePath: v,
          name: "image",
          formData: {},
          success: (result) => {
            // console.log(result)

            // 把所有图片和文本内容提交到后台中
            if (i === chooseImgsUrl.length - 1) {
              wx.hideLoading()
              console.log("把所有图片和文本内容提交到后台中")
              this.setData({
                textInputValue: "",
                chooseImgsUrl: []
              })
              // 返回上一页面
              wx.navigateBack({
                delta: 1
              });
            }
          }
        })
      })
    } else {
      console.log("只提交了文本")
      wx.hideLoading()
    }
  }
})